<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="Chen">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="author" content="">
    <title></title>
    <link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../css.css">
    <style>
        * {
            box-sizing: border-box;
        }

        body {
            overflow-x: hidden;
            margin: 0;
            padding: 0;
        }

        main {
            width: 100vw;
        }

        @media screen and (orientation: landscape) {
            .header {
                height: 8vw;
                display: flex;
                justify-content: space-around;
                line-height: 8vw;
            }

            .nav-tabs {
                border: none !important;
                padding-top: 9vw !important;
                padding-left: 10px !important;
            }
        }
    </style>
</head>

<body>
    <nav class="nav navone" style="background-color: white;">
        <div class="sousuotiao">
            <a href="#dingbu"><span class="navimg"><img src="../img/logo_121d4a6.png" alt=""></span></a>          
            <span class="inputboder">
                <a href="./搜索.html"><span class="glyphicon glyphicon-search"></span> </a>
                  <a href="./搜索.html"><input type="text" class="padding-left" placeholder="搜索商品名称"></a>
            </span>
            <span class="small"><a href="./登录.html"   target="_parent" class="gray">登录</a></span>
        </div>
        <ul class="nav nav-tabs" role="tablist">
            <li role="presentation" class="home active"><a href="#home"  aria-controls="home" role="tab" data-toggle="tab">推荐</a></li>
            <li role="presentation" class="home"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">手机</a></li>
            <li role="presentation" class="home"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">智能</a></li>
            <li role="presentation" class="home"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">电视</a></li>
            <li role="presentation" class="home"><a href="#setti" aria-controls="settings" role="tab" data-toggle="tab">电脑</a></li>
            <li role="presentation" class="home"><a href="#messa" aria-controls="messages" role="tab" data-toggle="tab">生活周边</a></li>
        </ul>
    </nav>

    <div>
        <div class="tab-content">
            <div role="tabpanel" class="tab-pane active" id="home">
                <div class="bgg">
                    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                        <div class="carousel-inner" role="listbox">
                            <div class="item active">
                                <a href="./滚动图的子页面.html"> <img src="../img/bg1.jpg" alt="..."></a>
                            </div>
                            <div class="item">
                                <a href="./滚动图的子页面.html"><img src="../img/bg2.jpg" alt="..."></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="icon" style="padding-right: 0;">
                    <a href="./米粉卡.html" target="_parent"><img src="../img/米粉卡.jpg" alt=""></a>
                    <a href="./米粉卡.html" target="_parent"><img src="../img/新品发布.jpg" alt=""></a>
                    <a href="./米粉卡.html" target="_parent"><img src="../img/以旧换新.jpg" alt=""></a>
                    <a href="./米粉卡.html" target="_parent"><img src="../img/物流查询.jpg" alt=""></a>
                </div>
                <div class="shouyezaobao">
                    <span><img src="../img/商城.png" alt=""></span>
                    <span class="small">|&#x3000;不容错过!一周热门早报新闻版</span>
                </div>
                <div class="yuyezong">
                    <div class="yuye">
                        <a href="./子页面.html"><img src="../img/帅哥.jpg" alt=""></a>
                    </div>
                    <div class="shuqi">
                        <a target="_parent" href="./商品详情.html"><img src="../img/暑期放假.png" alt=""></a>
                        <a target="_parent" href="./商品详情.html"><img src="../img/另减.jpg" alt=""></a>
                    </div>
                </div>
                <div class="xiaomi">
                    <a href="./子页面.html"><img src="../img/小米平板.jpg" alt=""></a>
                </div>
                <div class="xiaomi">
                    <img src="../img/明星单品.jpg" alt="">
                </div>
                <div class="tuwen">
                    <figure class="xiadan">
                        <img src="../img/下单.png" alt="">
                        <img src="../img/小米MIX.jpg" alt="">
                        <figcaption>
                            <p>小米MIX</p>
                            <p>6.4金面屏 全陶瓷机身</p>
                            <p>￥3499起</p>
                        </figcaption>
                    </figure>
                    <figure class="yidong">
                        <img src="../img/移动电源.jpg" alt="">
                        <figcaption>
                            <p>小米MIX</p>
                            <p>6.4金面屏 全陶瓷机身</p>
                            <p>￥3499起</p>
                        </figcaption>
                    </figure>
                </div>
                <div class="tuwen">
                    <figure class="xiadan">
                        <img src="../img/下单.png" alt="">
                        <img src="../img/小米MIX.jpg" alt="">
                        <figcaption>
                            <p>小米MIX</p>
                            <p>6.4金面屏 全陶瓷机身</p>
                            <p>￥3499起</p>
                        </figcaption>
                    </figure>
                    <figure class="yidong">
                        <img src="../img/移动电源.jpg" alt="">
                        <figcaption>
                            <p>小米MIX</p>
                            <p>6.4金面屏 全陶瓷机身</p>
                            <p>￥3499起</p>
                        </figcaption>
                    </figure>
                </div>
                <div class="tuwen">
                    <figure class="xiadan">
                        <img src="../img/下单.png" alt="">
                        <img src="../img/小米MIX.jpg" alt="">
                        <figcaption>
                            <p>小米MIX</p>
                            <p>6.4金面屏 全陶瓷机身</p>
                            <p>￥3499起</p>
                        </figcaption>
                    </figure>
                    <figure class="yidong">
                        <img src="../img/移动电源.jpg" alt="">
                        <figcaption>
                            <p>小米MIX</p>
                            <p>6.4金面屏 全陶瓷机身</p>
                            <p>￥3499起</p>
                        </figcaption>
                    </figure>
                </div>
                <div class="xiaomi">
                    <img src="../img/明星单品.jpg" alt="">
                </div>
                <div class="xiaomi">
                    <a href="./子页面.html"><img src="../img/小米平板.jpg" alt=""></a>
                </div>
                <div class="tuwen">
                    <figure class="xiadan">
                        <img src="../img/下单.png" alt="">
                        <img src="../img/小米MIX.jpg" alt="">
                        <figcaption>
                            <p>小米MIX</p>
                            <p>6.4金面屏 全陶瓷机身</p>
                            <p>￥3499起</p>
                        </figcaption>
                    </figure>
                    <figure class="yidong">
                        <img src="../img/移动电源.jpg" alt="">
                        <figcaption>
                            <p>小米MIX</p>
                            <p>6.4金面屏 全陶瓷机身</p>
                            <p>￥3499起</p>
                        </figcaption>
                    </figure>
                </div>
                <div class="xiaomi">
                    <img src="../img/明星单品.jpg" alt="">
                </div>
                <div class="xiaomi">
                    <a href="./子页面.html"><img src="../img/小米平板.jpg" alt=""></a>
                </div>
                <div class="xiaomione">
                    <div class="xiaomioneimgone">
                        <img src="../img/小米图片1.jpg" alt="">
                    </div>
                    <div class="xiaomionetext">
                        <div class="textxioami padding-right">
                            <p class="small">迷家行车记录仪</p>
                            <p class="gray small">160超广角,视野可安全覆盖多个车道</p>
                            <p class="org small">￥349</p>
                        </div>
                    </div>
                </div>
                <div class="xiaomione">
                    <div class="xiaomionetext xiaomione-text">
                        <div class="textxioami ">
                            <p class="small">迷家行车记录仪</p>
                            <p class="gray small">160超广角,视野可安全覆盖多个车道</p>
                            <p class="org small">￥349</p>
                        </div>
                    </div>
                    <div class="xiaomioneimgone">
                        <img src="../img/小米图片1.jpg" alt="">
                    </div>
                </div>
                <div class="xiaomione">
                    <div class="xiaomioneimgone">
                        <img src="../img/小米图片1.jpg" alt="">
                    </div>
                    <div class="xiaomionetext">
                        <div class="textxioami padding-right">
                            <p class="small">迷家行车记录仪</p>
                            <p class="gray small">160超广角,视野可安全覆盖多个车道</p>
                            <p class="org small">￥349</p>
                        </div>
                    </div>
                </div>
                <div class="xiaomigengduo gray smalltext">
                    更多只能迷家智能产品>
                </div>
                <div class="xiaomi">
                    <a href="./子页面.html"><img src="../img/小米平板.jpg" alt=""></a>
                </div>
                <div class="xiaomione">
                    <div class="xiaomioneimg">
                        <img src="../img/办公1.png" alt="">
                    </div>
                    <div class="xiaomioneimg">
                        <img src="../img/办公1.png" alt="">
                    </div>
                </div>
                <div class="xiaomione">
                    <div class="xiaomioneimg">
                        <img src="../img/办公1.png" alt="">
                    </div>
                    <div class="xiaomioneimg">
                        <img src="../img/办公1.png" alt="">
                    </div>
                </div>
                <div class="xiaomione">
                    <div class="xiaomioneimg">
                        <img src="../img/办公1.png" alt="">
                    </div>
                    <div class="xiaomioneimg">
                        <img src="../img/办公1.png" alt="">
                    </div>
                </div>
                <div class="xiaomi">
                    <img src="../img/喜欢.jpg" alt="">
                </div>
                  <div class="tuwen">
                    <figure class="xiadan">
                        <img src="../img/下单.png" alt="">
                        <img src="../img/小米MIX.jpg" alt="">
                        <figcaption>
                            <p>小米MIX</p>
                            <p>6.4金面屏 全陶瓷机身</p>
                            <p>￥3499起</p>
                        </figcaption>
                    </figure>
                    <figure class="yidong">
                        <img src="../img/移动电源.jpg" alt="">
                        <figcaption>
                            <p>小米MIX</p>
                            <p>6.4金面屏 全陶瓷机身</p>
                            <p>￥3499起</p>
                        </figcaption>
                    </figure>
                </div>
                  <div class="tuwen">
                    <figure class="xiadan">
                        <img src="../img/下单.png" alt="">
                        <img src="../img/小米MIX.jpg" alt="">
                        <figcaption>
                            <p>小米MIX</p>
                            <p>6.4金面屏 全陶瓷机身</p>
                            <p>￥3499起</p>
                        </figcaption>
                    </figure>
                    <figure class="yidong">
                        <img src="../img/移动电源.jpg" alt="">
                        <figcaption>
                            <p>小米MIX</p>
                            <p>6.4金面屏 全陶瓷机身</p>
                            <p>￥3499起</p>
                        </figcaption>
                    </figure>
                </div>
                  <div class="tuwen">
                    <figure class="xiadan">
                        <img src="../img/下单.png" alt="">
                        <img src="../img/小米MIX.jpg" alt="">
                        <figcaption>
                            <p>小米MIX</p>
                            <p>6.4金面屏 全陶瓷机身</p>
                            <p>￥3499起</p>
                        </figcaption>
                    </figure>
                    <figure class="yidong">
                        <img src="../img/移动电源.jpg" alt="">
                        <figcaption>
                            <p>小米MIX</p>
                            <p>6.4金面屏 全陶瓷机身</p>
                            <p>￥3499起</p>
                        </figcaption>
                    </figure>
                </div>
                <div class="xiaomi">
                    <img src="../img/明星单品.jpg" alt="">
                    <p class="padding-left padding-right smalltext xiaomione">TS偏光太阳镜迷家定制<span class="org small">￥99</span></p>
                    <p class="gray smalltext padding-left">时尚随性,自修复图层,镜片冠梁如新</p>
                </div>
                <div class="tuwen">
                    <figure class="xiadan">
                        <img src="../img/下单.png" alt="">
                        <img src="../img/小米MIX.jpg" alt="">
                        <figcaption>
                            <p>小米MIX</p>
                            <p>6.4金面屏 全陶瓷机身</p>
                            <p>￥3499起</p>
                        </figcaption>
                    </figure>
                    <figure class="yidong">
                        <img src="../img/移动电源.jpg" alt="">
                        <figcaption>
                            <p>小米MIX</p>
                            <p>6.4金面屏 全陶瓷机身</p>
                            <p>￥3499起</p>
                        </figcaption>
                    </figure>
                </div>
                <div class="tuwen">
                    <figure class="xiadan">
                        <img src="../img/下单.png" alt="">
                        <img src="../img/小米MIX.jpg" alt="">
                        <figcaption>
                            <p>小米MIX</p>
                            <p>6.4金面屏 全陶瓷机身</p>
                            <p>￥3499起</p>
                        </figcaption>
                    </figure>
                    <figure class="yidong">
                        <a href="#dibu" id="dibu">
                            <img src="../img/移动电源.jpg" alt="">
                        </a>
                        <figcaption>
                            <p>小米MIX</p>
                            <p>6.4金面屏 全陶瓷机身</p>
                            <p>￥3499起</p>
                        </figcaption>
                    </figure>
                </div>
            </div>
            <div role="tabpanel" class="tab-pane" id="profile">
                <div class="bgg">
                    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                        <div class="carousel-inner" role="listbox">
                            <div class="item active">
                                <img src="../img/拍的更美.jpg" alt="...">
                            </div>
                            <div class="item">
                                <img src="../img/以旧换新啦.jpg" alt="...">
                            </div>
                            <div class="item">
                                <img src="../img/红米啦.jpg" alt="...">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="xianshitemai">
                    <img src="../img/限时特卖.png" alt="">
                    <img src="../img/限时特卖的手机.jpg" alt="">
                    <p><span>小米Max2</span><span class="org">￥1699.00起</span></p>
                    <p class="gray small">6.44大屏,5300mAh充电宝级的大电量</p>
                </div>
                <div class="tuwen">
                    <figure class="xiadan">
                        <img src="../img/下单.png" alt="">
                        <img src="../img/小米MIX.jpg" alt="">
                        <figcaption>
                            <p>小米MIX</p>
                            <p>6.4金面屏 全陶瓷机身</p>
                            <p>￥3499起</p>
                        </figcaption>
                    </figure>
                    <figure class="yidong">
                        <img src="../img/移动电源.jpg" alt="">
                        <figcaption>
                            <p>小米MIX</p>
                            <p>6.4金面屏 全陶瓷机身</p>
                            <p>￥3499起</p>
                        </figcaption>
                    </figure>
                </div>
                <div class="tuwen">
                    <figure class="xiadan">
                        <img src="../img/下单.png" alt="">
                        <img src="../img/小米MIX.jpg" alt="">
                        <figcaption>
                            <p>小米MIX</p>
                            <p>6.4金面屏 全陶瓷机身</p>
                            <p>￥3499起</p>
                        </figcaption>
                    </figure>
                    <figure class="yidong">
                        <img src="../img/移动电源.jpg" alt="">
                        <figcaption>
                            <p>小米MIX</p>
                            <p>6.4金面屏 全陶瓷机身</p>
                            <p>￥3499起</p>
                        </figcaption>
                    </figure>
                </div>
                <div class="xiaomi">
                    <img src="../img/小米平板.jpg" alt="">
                </div>
                <div class="xiaomi">
                    <img src="../img/明星单品.jpg" alt="">
                </div>
            </div>
            <div role="tabpanel" class="tab-pane" id="messages">
                <div role="tabpanel" class="tab-pane" id="profile">
                    <div class="bgg">
                        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                            <div class="carousel-inner" role="listbox">
                                <div class="item active">
                                    <img src="../img/压力.jpg" alt="...">
                                </div>
                                <div class="item">
                                    <img src="../img/智能.jpg" alt="...">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="xianshitemai">
                        <img src="../img/好货.png" alt="">
                        <img src="../img/新品2.jpg" alt="">
                        <p><span>小米Max2</span><span class="org">￥1699.00起</span></p>
                        <p class="gray small">6.44大屏,5300mAh充电宝级的大电量</p>
                    </div>
                    <div class="tuwen">
                        <figure class="xiadan">
                            <img src="../img/下单.png" alt="">
                            <img src="../img/小米MIX.jpg" alt="">
                            <figcaption>
                                <p>小米MIX</p>
                                <p>6.4金面屏 全陶瓷机身</p>
                                <p>￥3499起</p>
                            </figcaption>
                        </figure>
                        <figure class="yidong">
                            <img src="../img/移动电源.jpg" alt="">
                            <figcaption>
                                <p>小米MIX</p>
                                <p>6.4金面屏 全陶瓷机身</p>
                                <p>￥3499起</p>
                            </figcaption>
                        </figure>
                    </div>
                    <div class="tuwen">
                        <figure class="xiadan">
                            <img src="../img/下单.png" alt="">
                            <img src="../img/小米MIX.jpg" alt="">
                            <figcaption>
                                <p>小米MIX</p>
                                <p>6.4金面屏 全陶瓷机身</p>
                                <p>￥3499起</p>
                            </figcaption>
                        </figure>
                        <figure class="yidong">
                            <img src="../img/移动电源.jpg" alt="">
                            <figcaption>
                                <p>小米MIX</p>
                                <p>6.4金面屏 全陶瓷机身</p>
                                <p>￥3499起</p>
                            </figcaption>
                        </figure>
                    </div>
                    <div class="xiaomi">
                        <img src="../img/小米平板.jpg" alt="">
                    </div>
                    <div class="xiaomi">
                        <img src="../img/明星单品.jpg" alt="">
                    </div>
                </div>
            </div>
            <div role="tabpanel" class="tab-pane" id="settings">
                <div role="tabpanel" class="tab-pane" id="profile">
                    <div class="bgg">
                        <div><img src="../img/电视1.jpg" alt=""></div>
                        <div class="remai"><img src="../img/热卖.jpg" alt=""></div>
                    </div>

                    <div class="tuwen">
                        <figure class="yidong yueka">
                            <img src="../img/鱼卡.jpg" alt="">
                        </figure>
                        <figure class="yidong yueka">
                            <img src="../img/月卡.jpg" alt="">

                        </figure>
                    </div>
                    <div class="tuwen">
                        <figure class="yidong yueka">
                            <img src="../img/鱼卡.jpg" alt="">
                        </figure>
                        <figure class="yidong yueka">
                            <img src="../img/月卡.jpg" alt="">

                        </figure>
                    </div>
                </div>
            </div>
            <div role="tabpanel" class="tab-pane" id="setti">
                <div role="tabpanel" class="tab-pane" id="profile">
                    <div class="bgg">
                        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                            <div class="carousel-inner" role="listbox">
                                <div class="item active">
                                    <img src="../img/小米平板3.jpg" alt="...">
                                </div>
                                <div class="item">
                                    <img src="../img/笔记本.jpg" alt="...">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="xianshitemai">
                        <img src="../img/新鲜出炉.png" alt="">
                        <img src="../img/笔记本13.3.jpg" alt="">
                        <p><span>小米Max2</span><span class="org">￥1699.00起</span></p>
                        <p class="gray small">6.44大屏,5300mAh充电宝级的大电量</p>
                    </div>
                    <div class="tuwen">
                        <figure class="xiadan">
                            <img src="../img/下单.png" alt="">
                            <img src="../img/小米MIX.jpg" alt="">
                            <figcaption>
                                <p>小米MIX</p>
                                <p>6.4金面屏 全陶瓷机身</p>
                                <p>￥3499起</p>
                            </figcaption>
                        </figure>
                        <figure class="yidong">
                            <img src="../img/移动电源.jpg" alt="">
                            <figcaption>
                                <p>小米MIX</p>
                                <p>6.4金面屏 全陶瓷机身</p>
                                <p>￥3499起</p>
                            </figcaption>
                        </figure>
                    </div>
                    <div class="tuwen">
                        <figure class="xiadan">
                            <img src="../img/下单.png" alt="">
                            <img src="../img/小米MIX.jpg" alt="">
                            <figcaption>
                                <p>小米MIX</p>
                                <p>6.4金面屏 全陶瓷机身</p>
                                <p>￥3499起</p>
                            </figcaption>
                        </figure>
                        <figure class="yidong">
                            <img src="../img/移动电源.jpg" alt="">
                            <figcaption>
                                <p>小米MIX</p>
                                <p>6.4金面屏 全陶瓷机身</p>
                                <p>￥3499起</p>
                            </figcaption>
                        </figure>
                    </div>
                    <div class="xiaomi">
                        <img src="../img/小米平板.jpg" alt="">
                    </div>
                    <div class="xiaomi">
                        <img src="../img/明星单品.jpg" alt="">
                    </div>
                </div>
            </div>
            <div role="tabpanel" class="tab-pane" id="messa">
                <div role="tabpanel" class="tab-pane" id="profile">
                    <div class="bgg">
                        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                            <div class="carousel-inner" role="listbox">
                                <div class="item active">
                                    <img src="../img/太阳镜1.jpg" alt="...">
                                </div>
                                <div class="item">
                                    <img src="../img/笔记本.jpg" alt="...">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tuwen">
                        <figure class="yidong">
                            <img src="../img/鞋.jpg" alt="">
                            <figcaption>
                                <p>小米MIX</p>
                                <p>6.4金面屏 全陶瓷机身</p>
                                <p>￥3499起</p>
                            </figcaption>
                        </figure>
                        <figure class="yidong">
                            <img src="../img/包.jpg" alt="">
                            <figcaption>
                                <p>小米MIX</p>
                                <p>6.4金面屏 全陶瓷机身</p>
                                <p>￥3499起</p>
                            </figcaption>
                        </figure>
                    </div>

                    <div class="xiaomi">
                        <img src="../img/小米平板.jpg" alt="">
                    </div>
                    <div class="xiaomi">
                        <img src="../img/明星单品.jpg" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <script src="../bootstrap/js/jquery.js"></script>
    <script src="../bootstrap/js/bootstrap.min.js"></script>
</body>

</html>